<template>
  <div id="app">
    <keep-alive>
      <router-view/>
    </keep-alive>
  </div>
</template>

<style lang="stylus">
html
body
  margin 0
  padding 0
  width 100%
  height 100%
  background #000
  color #fff
  overflow hidden

#app
  width 100%
  height 100%
  background url('./assets/bg.png') no-repeat center
  background-size 100% 100%

.ttyd
  width 100%
  height 100%

.spotsdetail
  width 100%
  height 100%

.header
  // height 86px
  // line-height 80px
  height 0
  line-height 0
  background url('./assets/header.png') no-repeat center
  color #fff

.content
  height calc(100vh - 80px)
  width 100%
  display flex

// 左侧向导菜单（专题导览，指标监测，图斑详情）
.nav
  width 60px
  height 100%
  // border 1px solid #aaa
  -moz-box-shadow -1px -1px 5px #aaa inset
  -webkit-box-shadow -1px -1px 5px #aaa inset
  box-shadow -1px -1px 5px #aaa inset

// 右侧整个盒子(地图放在这里)
.right-wrap
  width 100%
  height 100%
  // margin-left 10px
  display flex
  position relative
  z-index 10

// element加载动画
.el-icon-loading
  font-size 60px!important
.el-loading-text
  font-size 24px!important
</style>
